<template>
	<view class="container">
		<view class="aorder-state">
			 <u-tabs 
			 :list="orderState"
			 lineWidth="30"
			 lineColor="#f4eb49"
			 :activeStyle="{
				 color: '#303133',
				 fontWeight: 'bold',
				 transform: 'scale(1.05)'
			 }"
			 :inactiveStyle="{
				 color: '#606266',
				 transform: 'scale(1)'
			 }"
			 itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;"
			  @click="click">
			  </u-tabs>
		</view>
	</view>
	
</template>

<script>
	import tabs from '@/components/tabs/tabs.vue'
	export default {
		data() {
			return {
		      orderState:[{
				  name: '待付款',
			  }, {
				  name: '待发货',
			  }, {
				  name: '待评价'
			  }, {
				  name: '已取消'
			  }]
				}
			},
		
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
  .container{
	  .aorder-state{
		  display: flex;
		  justify-content: center;
	  }
  }
</style>
